<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>首页</title>

    <link rel="stylesheet" href="style/css/layui.css">
    <link rel="stylesheet" href="style/css/common.css">
    <link rel="stylesheet" href="style/css/index.css">
</head>
<body>
<div id="header"></div>

<div class="hi-main hi-container">
    <div class="hi-center hi-block">

        <div class="layui-card">
            <div class="layui-card-header"><h2><a href="">php程序设计</a></h2></div>
            <div class="layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span>2018-06-17</span>安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span>2018-04-27</span>个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span>2018-03-13</span>作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span>2018-03-12</span>Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span>2018-03-04</span>帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span>2014-07-31</span>即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span>2014-07-10</span>女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span>2013-11-04</span>程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>

        <div class="layui-card">
            <div class="layui-card-header"><h2><a href="">前端ＵＩ教程</a></h2></div>
            <div class="layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span>2018-06-17</span>安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span>2018-04-27</span>个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span>2018-03-13</span>作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span>2018-03-12</span>Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span>2018-03-04</span>帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span>2014-07-31</span>即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span>2014-07-10</span>女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span>2013-11-04</span>程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>

        <div class="layui-card">
            <div class="layui-card-header"><h2><a href="">服务器配置</a></h2></div>
            <div class="layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span>2018-06-17</span>安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span>2018-04-27</span>个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span>2018-03-13</span>作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span>2018-03-12</span>Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span>2018-03-04</span>帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span>2014-07-31</span>即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span>2014-07-10</span>女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span>2013-11-04</span>程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>

        <div class="layui-card">
            <div class="layui-card-header"><h2><a href="">随笔记录</a></h2></div>
            <div class="layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span>2018-06-17</span>安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span>2018-04-27</span>个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span>2018-03-13</span>作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span>2018-03-12</span>Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span>2018-03-04</span>帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span>2014-07-31</span>即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span>2014-07-10</span>女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span>2013-11-04</span>程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>

    </div>
    <div class="hi-right">
        <div class="hi-card layui-card">
            <div class="layui-card-header"><h2><a href="">热门内容</a></h2></div>
            <div class="hi-card-body layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span class="layui-badge">1</span> 安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span class="layui-badge">2</span> 个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span class="layui-badge">3</span> 作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span class="layui-badge">4</span> Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span class="layui-badge">5</span> 帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span class="layui-badge">6</span> 即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span class="layui-badge">7</span> 女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span class="layui-badge">8</span> 程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>

        <div class="hi-card layui-card">
            <div class="layui-card-header"><h2><a href="">热门内容</a></h2></div>
            <div class="hi-card-body layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span class="layui-badge">1</span> 安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span class="layui-badge">2</span> 个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span class="layui-badge">3</span> 作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span class="layui-badge">4</span> Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span class="layui-badge">5</span> 帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span class="layui-badge">6</span> 即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span class="layui-badge">7</span> 女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span class="layui-badge">8</span> 程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="hi-center">
        <div class="layui-card layui-row">
            <div class="layui-card-header"><h2>最近更新</h2></div>
            <div class="layui-card-body">
                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                    </div>
                    <div class="em">
                        <span>作者：<a href="">高山流水</a></span> <span>分类：<a href="">知识常识</a></span>  <span>发布于：30天前</span> <span>评论: <a href="">12</a></span>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                    </div>
                    <div class="em">
                        <span>作者：<a href="">高山流水</a></span> <span>分类：<a href="">知识常识</a></span>  <span>发布于：30天前</span> <span>评论: <a href="">12</a></span>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>
                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                    </div>
                    <div class="em">
                        <span>作者：<a href="">高山流水</a></span> <span>分类：<a href="">知识常识</a></span>  <span>发布于：30天前</span> <span>评论: <a href="">12</a></span>
                    </div>
                </div>

                <div class="hi-list-li">
                    <div class="hi-list-thumb">
                        <a href=""><img src="https://img10.360buyimg.com/babel/s190x150_jfs/t1/19197/14/13052/10431/5c9c4132Eecdae80c/9ebef5641572e459.jpg!q90!cc_190x150" alt=""></a>
                    </div>
                    <div class="hi-list-info">
                        <p class="hi-list-title">
                            <span class="title-link"><a href=""><i class="layui-icon layui-icon-file"></i>  Layui数据表格之获取表格中所有的数据Layui数据表格之获取表格中所有的数据方法</a></span>
                            <span class="title-time"></span>
                        </p>

                        <p class="hi-list-text">
                            所以在做网页设计时,最好将宽度规定为1200px,主要内容都在1200px的范围内展示,...举个栗子,以下两图分别为腾讯云在小屏(1280×1024)的显示器和大屏(1920×1080...
                        </p>
                        <div class="em">
                            <span>作者：<a href="">admin</a></span> <span>分类：<a href="">php</a></span>  <span>发布于：２天前</span> <span>评论: <a href="">12</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hi-right">
        <div class="hi-card layui-card">
            <div class="layui-card-header"><h2><a href="">热门内容</a></h2></div>
            <div class="hi-card-body layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span class="layui-badge">1</span> 安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span class="layui-badge">2</span> 个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span class="layui-badge">3</span> 作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span class="layui-badge">4</span> Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span class="layui-badge">5</span> 帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span class="layui-badge">6</span> 即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span class="layui-badge">7</span> 女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span class="layui-badge">8</span> 程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>
        <div class="hi-card layui-card">
            <div class="layui-card-header"><h2><a href="">热门内容</a></h2></div>
            <div class="hi-card-body layui-card-body">
                <ul>
                    <li><a href="018-06-17/873.html" target="_blank"><span class="layui-badge">1</span> 安静地做一个爱设计的女子</a> </li>
                    <li><a href="018-04-27/816.html" target="_blank"><span class="layui-badge">2</span> 个人博客，属于我的小世界！</a> </li>
                    <li><a href="018-03-13/804.html" target="_blank"><span class="layui-badge">3</span> 作为一个设计师,如果遭到质疑你是否能恪守自己的原则?</a> </li>
                    <li><a href="018-03-12/803.html" target="_blank"><span class="layui-badge">4</span> Come on,行动起来吧!我们和时间来一场赛跑!</a> </li>
                    <li><a href="018-03-04/801.html" target="_blank"><span class="layui-badge">5</span> 帝国cms7.5更新完毕</a> </li>
                    <li><a href="014-07-31/725.html" target="_blank"><span class="layui-badge">6</span> 即便是坑，我也想要拉你入伙！</a> </li>
                    <li><a href="014-07-10/722.html" target="_blank"><span class="layui-badge">7</span> 女程序员职业生涯该如何发展？</a> </li>
                    <li><a href="013-11-04/618.html" target="_blank"><span class="layui-badge">8</span> 程序员请放下你的技术情节，与你的同伴一起进步</a> </li>
                </ul>
            </div>
        </div>
    </div>

</div>

<div id="footer"></div>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script>
    $("#header").load("header.html");
    $("#footer").load("footer.html");
</script>
<script src="style/layui.js"></script>
<script>
    //一般直接写在一个js文件中
    layui.use(['layer', 'form', 'element'], function () {
        var layer = layui.layer , form = layui.form , element = layui.element;
        //layer.msg('欢迎光临');
    });
</script>
</body>
</html>
